<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQury</title>
		<!--     JQury   了解JavaScript功能：页面上所有触发型效果
		             JQury的使用方式
					 1.JQury官方网站  ，下载JQury封装js库，格式：jquery-1.11.1.js
					                                 jqury-2.X.js之后的版本不支持IE  6  、 7 、8
					 2.引入JQury框架【js类库】，在head中， script元素    导入
				3.编写JQuery框架语法 ----JS页面动态效果
							在页面最后body前方加script元素，为什么？
							思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，
							     整个html+css  理解DOM树：元素、属性、属性值，先存在
								 这些元素，才可以进行操作。所以，JS中DOM树的操作需要等页面元素
								 都加载完毕，才可以进行对页面
							JavaScript行为层   EMCAScript5.0核心语法库----类似与Java基础
							                   功能：做逻辑
									重点：		   DOM   Document Object Model  文档节点对象模型
											   功能：做页面效果【结合逻辑】
											   DOM树   ducument     元素、属性、属性值
											            html
													head     body
												meta
											charsert
											   BOM   Browser Object Model   浏览器对象模型
											   功能：做浏览器效果【结合逻辑】  吸顶灯效果
					 -->
					 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->~
		<script>
			/* JQ语法 */
			$("button").click(function (){alert("别着急~")})
		</script>
	</body>
</html>